import React from 'react';
import { PageContainer } from '@ant-design/pro-layout';
import { Card, Divider, Typography } from 'antd';

export default (): React.ReactNode => {
  return (
    <PageContainer>
      <Card>
        <Typography>
          <Typography.Title style={{ textAlign: 'center' }}>Wake On LAN - WEB</Typography.Title>
          <Divider />
          <Typography.Paragraph>
            网络唤醒工具WEB页面，需要配合后WEB后端一起部署。
          </Typography.Paragraph>
          <Typography.Paragraph>
            当前项目为前端页面工程，后端项目地址：
            <a href="https://gitee.com/houkunlin/wake-on-lan-server" target="_blank">
              Wake On Lan Server
            </a>{' '}
            <span>( https://gitee.com/houkunlin/wake-on-lan-server )</span>
          </Typography.Paragraph>
        </Typography>
      </Card>
    </PageContainer>
  );
};
